<template>
<div class="home-header">
	<em class="iconfont icon-dingwei"></em>
	<span>{{address}}</span>
</div>
</template>

<script>
	import { getAddess } from "../../services/home/homeService.js"
	export default {
		name: "home-header",
		data(){
			return {
				address:''
			}
		},
		created(){
			getAddess(32.055015,118.77943)
			.then(
				(response)=>{
					this.address = response.data.name;
				},
				(error)=>{
					console.log(error)
				}
			)
		}
	}
</script>

<style>
.home-header{
	width: 100%;
	line-height: 11.73vw;
	background: linear-gradient(90deg,#0af,#0085ff);
	box-sizing: border-box;
}
.home-header em{
	margin: 0 1vw 0 2vw;
	font-size: 5vw;
	color: #fff;
}
.home-header span{
	font-size: 4.3vw;
	color: #fff;
}
</style>